@charset "utf-8";

@import "reset";
@import "common";

.cooperation_brand_warp{
    width: 91%;
    margin: 0 auto;
    >p{
        font-size:15px;
        color: #4a4a4a;
        text-align: right;
        padding: 17px 0;
        border-top: 1px solid #4d4d4d;
    }
    >div{
        width: 90%;
        margin: 0 auto;
        background: #FFFFFF;
        padding-left:46px ;
        padding-right:46px ;
        padding-top:42px;
        >div{
            
        &:nth-of-type(1){
           position: relative;
            >img{
                width: 100%;
                height: 360px;
            }
            >div{
                position: absolute;
                width: 160px;
                height: 160px;
                vertical-align: middle;
                overflow: hidden;
                bottom: -70px;
                left: 46px;
                >img{
                    width: 100%;
                }
            &:hover{
                transform: rotateY(360deg);
                transition: all .5s ease;
            }
            }
        }
        &:nth-of-type(2){
            >div{
            &:nth-of-type(1){
                float: left;
                margin-top: 100px;
                >span{
                    font-size: 14px;
                    color: #636363;
                }
                >a{
                    display: block;
                    width: 145px;
                    height: 40px;
                    background: #0DAFD2;
                    text-align: center;
                    font-size: 18px;
                    color: white;
                    line-height: 40px;
                    margin-top: 18px;
                &:hover{
                    background-color:#099ab9;
                }
                }
            }
            &:nth-of-type(2){
                width: 70%;
                float: right;
                margin-top: 30px;
                margin-bottom: 40px;
                >p{
                &:nth-of-type(1){
                    font-size: 24px;
                    color: #626262;
                    line-height: 36px;
                    letter-spacing: 2px;
                    margin-bottom: 44px;
                }
                &:nth-of-type(2){
                    font-size: 14px;
                    line-height: 25px;
                    color: #626262;
                    margin-bottom: 40px;
                }
                }      
                >h4{
                    font-size: 15px;
                    color: #323232;
                    margin-bottom: 14px;
                }
                >ul{
                    >li{
                        line-height: 27px;
                        font-size: 14px;
                        color: #636262;
                        >span{
                            color: #636262;
                        }
                        >a{
                            color: #0caece;
                        }
                    }
                }
            }
            }
        }
        }
    }
}
